.wp{max-width:1200px; margin:0 auto;}
*{font-family: '寰蒋闆呴粦';box-sizing: border-box;}
:root{
   --color: #df1a22;
}
.bg_hui{background-color: #f3f3f3;}
[v-cloak]{
   display: none;
}

a{-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   -webkit-user-select: none;
   -moz-user-focus: none;
   -moz-user-select: none;
}


/* 澶撮儴涓€ */
#head1,#head2{height: 78px;}
#web_head{position: fixed;left: 0;top: 0;width: 100%;z-index: 99;height: 78px;line-height: 78px;background-color: #fff;
   box-shadow: 0 3px 3px rgba(0, 0, 0,0.1);
}
#web_head .logo{float: left;line-height: 72px;}
#web_head .logo img{vertical-align: middle;height: 42px;}
#web_head .nav{float: right;font-size: 0;}
#web_head .nav a{font-size: 14px;color: #333;display: inline-block;width: 110px;text-align: right;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;  	-webkit-transition:.3s;transition:.3s;vertical-align: middle;
}
#web_head .nav a.on{color:var(--color) !important;}
#web_head .nav a:hover{color: var(--color);-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;
   -webkit-transition:.3s;transition:.3s;text-decoration: none;
}

#web_head2{position: fixed;left: 0;top: 0;width: 100%;z-index: 99;height: 78px;line-height: 78px;background-color: #fff;
   box-shadow: 0 3px 3px rgba(0, 0, 0,0.1);
}
#web_head2 .logo{float: left;line-height: 72px;}
#web_head2 .logo img{vertical-align: middle;height: 42px;}
#web_head2 .nav{float: right;font-size: 0;}
#web_head2 .nav .item{float: left;}

#web_head2 .nav .item>a{font-size: 14px;color: #333;display: inline-block;width: 110px;text-align: center;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;  	-webkit-transition:.3s;transition:.3s;vertical-align: middle;
}
#web_head2 .nav .item>a.on{color:var(--color) !important;}
#web_head2 .nav .item>a:hover{color: var(--color);-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;
   -webkit-transition:.3s;transition:.3s;text-decoration: none;
}

#web_head2 .nav .item>a i{margin-left: 5px;font-size: 12px;}
#web_head2 .nav .item:hover>a i{transform:rotate(180deg);
   -webkit-transform:rotate(180deg);  /*鍏煎-webkit-寮曟搸娴忚鍣�*/
   -moz-transform:rotate(180deg);  
}
#web_head2 .nav .item{position: relative;}
#web_head2 .nav .item .down_nav{position: absolute;left: 0;top:100%;border-top: 2px solid var(--color);
   background-color: #fff;box-shadow: 0 5px 5px rgba(0, 0, 0,0.1);min-width: 180px;display: none;margin-top: -2px;
}
#web_head2 .nav .item:hover .down_nav{display: block;}
#web_head2 .nav .item .down_nav a{height: 50px;line-height: 49px;padding: 0 20px;display: block;
   font-size: 14px;color: #333;white-space:nowrap;
}
#web_head2 .nav .item .down_nav a:hover{background-color: var(--color);color: #fff;}




#web_head3{position: fixed;left: 0;top: 0;width: 100%;z-index: 99;height: 78px;line-height: 78px;background-color: #fff;
   box-shadow: 0 3px 3px rgba(0, 0, 0,0.1);
}
#web_head3 .logo{float: left;line-height: 72px;}
#web_head3 .logo img{vertical-align: middle;height: 42px;}
#web_head3 .nav{float: right;font-size: 0;}
#web_head3 .nav .item{float: left;}

#web_head3 .nav .item>a{font-size: 14px;color: #333;display: inline-block;width: 110px;text-align: center;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;  	-webkit-transition:.3s;transition:.3s;vertical-align: middle;
}
#web_head3 .nav .item>a.on{color:#fff !important;background-color: var(--color);}
#web_head3 .nav .item>a:hover{color: #fff;background-color: var(--color);-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;
   -webkit-transition:.3s;transition:.3s;text-decoration: none;opacity: 0.6;
}

#web_head3 .nav .item>a i{margin-left: 5px;font-size: 12px;}
#web_head3 .nav .item>a.on i{color: #fff;}
#web_head3 .nav .item:hover>a i{transform:rotate(180deg);color: #fff;
   -webkit-transform:rotate(180deg);  /*鍏煎-webkit-寮曟搸娴忚鍣�*/
   -moz-transform:rotate(180deg);  
}
#web_head3 .nav .item{position: relative;}
#web_head3 .nav .item .down_nav{position: absolute;left: 0;top:100%;border-top: 2px solid var(--color);
   background-color: #fff;box-shadow: 0 5px 5px rgba(0, 0, 0,0.1);min-width: 180px;display: none;margin-top: -2px;
}
#web_head3 .nav .item:hover .down_nav{display: block;}
#web_head3 .nav .item .down_nav a{height: 50px;line-height: 49px;padding: 0 20px;display: block;
   font-size: 14px;color: #333;
}
#web_head3 .nav .item .down_nav a:hover{background-color: var(--color);color: #fff;}






#web_head_mm{background-color: #fff;height: 56px;line-height: 54px;padding: 0 10px;position: fixed;left: 0;top:0;z-index: 10;
   width: 100%;border-bottom: 1px solid #f1f1f1;display: none;
}
#web_head_mm .logo{text-align: center;}
#web_head_mm img{vertical-align: middle;height: 32px;}
#web_head_mm .open_nav{position: absolute;width: 56px;height: 56px;background-image: url(../images/top_icon2.png);
   display: inline-block;vertical-align: middle;background-size: 20px;background-position: center center;background-repeat: no-repeat;cursor: pointer;right: 0px;top:0;
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   -webkit-user-select: none;
   -moz-user-focus: none;
   -moz-user-select: none;
}	
#web_head_mm .open_nav.on{background-image: url(../images/top_icon3.png);}
#web_head_mm .right_nav{width: 100%;position: fixed;right: 0;top:56px;z-index: 9;
   bottom: 0;width: 0;overflow: hidden;
}

#web_head_mm .right_nav .bg{position: absolute;left: 0;top:0;background-color: rgba(0, 0, 0,0);transition:.3s;}
#web_head_mm .right_nav.on .bg{position: absolute;left: 0;top:0;background-color: rgba(0, 0, 0,0.4);transition:.3s;
   width: 100%;height: 100%;
}
#web_head_mm .right_nav.on{width: 100%;}

#web_head_mm .right_nav .nav{position: absolute;height: 100%;width: 0%;right: 0;top:0;background-color: #fff;}

#web_head_mm .right_nav .nav a{display: block;font-size: 14px;color: #333;line-height:46px;padding-left: 30px;
   border-bottom: 1px solid #f0f0f0;height:46px;position: relative;
}
#web_head_mm .right_nav .nav a span{display: inline-block;width: 8px;height: 8px;border-radius: 50%;
   border: 1px solid #cccccc;margin-right:20px;vertical-align: middle;
}
#web_head_mm .right_nav .nav a img{width: 6px;height: auto;vertical-align: middle;margin-right: 21px;margin-left: 1px;}
#web_head_mm .right_nav .nav a em{vertical-align: middle;}
#web_head_mm .right_nav.on .nav{width: 80%;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}

#web_head_mm .right_nav .nav a b{position: absolute;right: 15px;top:50%;transform: translateY(-50%);
   font-size: 16px;font-weight: normal;color: #666;
}

#web_head_mm .right_nav .nav a.on{background-color: #ebebeb;}
#web_head_mm .right_nav .nav a.on span{background-color: #666;border: 1px solid #666;}
// #web_head_mm .right_nav .nav .mm_nav_item{}
#web_head_mm .right_nav .nav .mm_nav_item .mm_nav_item_down{display: none;}










/* banner涓€ */
#web_banner1{width: 100%;overflow: hidden;position: relative;}
#web_banner1 img{vertical-align: middle;max-width: 100%;}
#web_banner1 .banner1_pagination{position: absolute;text-align: center;z-index: 9;bottom: 40px;}
#web_banner1 .banner1_pagination .swiper-pagination-bullet{cursor: pointer;background: #fff;opacity: 0.6;}
#web_banner1 .banner1_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: fff;opacity: 1;
}
#web_banner1 .swiper-wrapper{height: auto;}

#web_banner1 .banner1_button_left, #web_banner1 .banner1_button_right {position: absolute;
   width: 40px;top:50%;margin-top: -20px;z-index: 1;cursor: pointer;
   height: 40px;background-image: url(../images/icon_ll.png);
   border-radius: 50px;opacity: 0.6;
   background-repeat: no-repeat;
   background-size: 100%;
   outline: none;
}
#web_banner1 .banner1_button_left:hover, #web_banner1 .banner1_button_right:hover{opacity: 1;}
#web_banner1 .banner1_button_left{left: 200px;background-position: 47% center;}
#web_banner1 .banner1_button_right{right: 200px;background-position: 53% center;
   transform:rotate(180deg);
   -ms-transform:rotate(180deg); 	/* IE 9 */
   -moz-transform:rotate(180deg); 	/* Firefox */
   -webkit-transform:rotate(180deg); /* Safari 鍜� Chrome */
   -o-transform:rotate(180deg); 
}










/* 棣栭〉 鍐呭 涓€ */
#index1{padding: 90px 0;overflow: hidden;}
#index1 .left{width: 48%;float: left;padding-top: 20px;}
#index1 .left .text{margin-top: 25px;}
#index1 .left .text h5{font-size: 18px;color: #000;font-weight: normal;margin-bottom:10px;}
#index1 .left .text p{font-size: 14px;color: #666;line-height: 1.8;margin-bottom: 12px;}

#index1 .left .text pre{font-size: 14px;color: #666;line-height: 1.8;margin-bottom: 12px;font-family: "寰蒋闆呴粦";
   white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; 
   word-wrap:break-word; display: block;
}

#index1 .left .text .more a{display: block;width: 135px;height: 46px;text-align: center;line-height: 46px;
   font-size: 14px;color: #666;border: 1px solid #dbdbdb;margin-top: 50px;border-radius: 3px;
   -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;
   background-image: url(../images/more1.png);background-repeat: no-repeat;background-position: center center;
   position: relative;
}

#index1 .left .text .more a em{display: block;width: 0%;height: 100%;background-color: var(--color);
   left: 0;top:0;position: absolute; -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;
   transition:.3s;z-index: -1;
}
#index1 .left .text .more a:hover em{width: 100%; -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}

#index1 .left .text .more a:hover{border: 1px solid var(--color);  
   background-image: url(../images/more2.png);
}



#index1 .right{width: 48%;float: right;text-align: right;}
#index1 .right img{max-width: 100%;vertical-align: middle;transition: .3s;}
// #index1 .right img:hover{transform: scale(1.1);transition: .3s;}
/* 棣栭〉 鍐呭 浜� */
#index2{padding: 90px 0;overflow: hidden;}
#index2 .right{width: 48%;float: left;text-align: left;}
#index2 .right img{max-width: 100%;vertical-align: middle;}

#index2 .left{width: 48%;float: right;padding-top: 25px;}
#index2 .left .text{margin-top: 35px;}
#index2 .left .text h5{font-size: 18px;color: #000;font-weight: normal;margin-bottom:10px;}
#index2 .left .text p{font-size: 14px;color: #666;line-height: 1.8;margin-bottom: 12px;}
#index2 .left .text .more{margin-top: 35px;}

/* 棣栭〉 鍐呭 涓� */
#index3{padding: 90px 0;overflow: hidden;}
#index3 .news_list{overflow: hidden;margin-top: 35px;margin-left: -120px;}
#index3 .news_list .item{width: 33.3333%;float: left;}
#index3 .news_list .item .con{margin-left: 120px;}
#index3 .news_list .item .con h3{font-size: 32px;color: #333;font-weight: normal;}
#index3 .news_list .item .con h4{font-size: 18px;color: #333;font-weight: normal;line-height: 25px;height: 50px;overflow: hidden;margin-top: 8px;}
#index3 .news_list .item .con h4:hover{color: var(--color);}
#index3 .news_list .item .con p{font-size: 14px;color: #999;margin-top: 12px;line-height: 1.7;height: 65px;overflow: hidden;}
#index3 .news_list .item .con em{font-size: 14px;color: var(--color);margin-top: 25px;display: inline-block;}
#index3 .news_list .item .con em:hover{text-decoration: underline;}

/* 棣栭〉 鍐呭 鍥� */
#index4{padding: 90px 0;overflow: hidden;padding-bottom: 50px;}
#index4 .index_list2{overflow: hidden;margin-top: 33px;margin-left: -20px;}
#index4 .index_list2 .item{width: 33.33333%;float: left;margin-bottom: 40px;}
#index4 .index_list2 .item{width: 25%;}
#index4 .index_list2 .item .con{margin-left: 20px;}
#index4 .index_list2 .item .pic{overflow: hidden;padding-top: 75%;position: relative;}
#index4 .index_list2 .item .pic .img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;
   background-size: cover;background-position: center center;background-repeat: no-repeat;transition: .3s;
}
#index4 .index_list2 .item .con:hover .pic .img{transform: scale(1.1);transition: .3s;}
#index4 .index_list2 .item .text{margin-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #e6e6e6;}
#index4 .index_list2 .item .text h6{font-size: 16px;color: #000;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#index4 .index_list2 .item .text h6:hover{text-decoration: underline;}
#index4 .index_list2 .item .text p{font-size: 12px;color: #999;margin-top: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
   width: 100%;padding-right: 200px;
}
#index4 .index_list2 .item .text p img{float: right;margin-right: -180px;}


#index5{padding: 140px 0;position: relative;background-color: rgba(0, 0, 0,0.2);}
#index5 .index5_bg{position: fixed;width: 100%;height: 100%;top:0;left: 0;background-size: cover;z-index: -1;}
.template_con{background-color: #fff;}
.template_con.bg_hui{background-color: #f7f7f7;}

#index5 .index_title h4{color: #fff;}
#index5 .index_title span{color: #fff;}
#index5 .con{margin: 15px 0;width: 45%;}
#index5 .con p{font-size: 14px;color: #fff;line-height: 1.8;}

#index5 .con pre{font-size: 14px;color: #fff;line-height: 1.8;margin-bottom: 12px;font-family: "寰蒋闆呴粦";
   white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; 
   word-wrap:break-word; display: block;
}

#index5 .more a{display: block;width: 135px;height: 46px;text-align: center;line-height: 46px;
   font-size: 14px;color: #666;border: 1px solid #dbdbdb;margin-top: 50px;border-radius: 3px;
   -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;
   background-image: url(../images/more2.png);background-repeat: no-repeat;background-position: center center;
   position: relative;
}

#index5 .more a em{display: block;width: 0%;height: 100%;background-color: var(--color);
   left: 0;top:0;position: absolute; -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;
   transition:.3s;z-index: -1;
}
#index5 .more a:hover em{width: 100%; -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;
   -webkit-transition:.3s;transition:.3s;
}



#index5 .more a:hover{color: #fff;border: 1px solid var(--color);
   -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;
}

#index6{padding-bottom: 70px;}
#index6 img{max-width: 100%;vertical-align: middle;}
#index6 .con{background-color: #fff;margin-top: -120px;position: relative;z-index: 2;padding: 55px 220px;text-align: center;
   box-shadow: 0 0 8px rgba(0, 0, 0,0.2);border-radius: 5px;
}
#index6 .con .index_title{text-align: center;}
#index6 .con .mass{margin: 30px 0;}
#index6 .con .mass p{font-size: 14px;color: #666;line-height: 1.8;}
#index6 .more a{display: inline-block;width: 135px;height: 46px;text-align: center;line-height: 46px;
   font-size: 12px;color: #666;border: 1px solid #dbdbdb;border-radius: 3px;
   -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;
   background-repeat: no-repeat;background-position: center center;position: relative;
}
#index6 .more a:hover{color: #fff;border: 1px solid var(--color);
   -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;
}

#index6 .more a em{display: block;width: 0%;height: 100%;
   left: 0;top:0;position: absolute; -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;
   transition:.3s;z-index: -1;
}
#index6 .more a:hover em{width: 100%; -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;
   -webkit-transition:.3s;transition:.3s;background-color: var(--color);
}


#index7{padding: 30px 60px;overflow: hidden;display: flex;justify-content : space-between;align-items : center;}
#index7 .left{width: 42%;}
#index7 .left img{max-width: 100%;vertical-align: middle;}
#index7 .right{width: 42%;text-align: center;}
#index7 .index_title{text-align: center;}
#index7 .mass{margin: 30px 0;}
#index7 .mass p{font-size: 14px;color: #666;line-height: 1.8;}
#index7 .more a{display: inline-block;width: 135px;height: 46px;text-align: center;line-height: 46px;
   font-size: 12px;color: #666;border: 1px solid #dbdbdb;border-radius: 3px;margin-top: 50px;
   -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;position: relative;
   background-repeat: no-repeat;background-position: center center;background-image: url(../images/more1.png);
}
#index7 .more a:hover{color: #fff;border: 1px solid var(--color);
   -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;
   background-image: url(../images/more2.png);
}

#index7 .more a em{display: block;width: 0%;height: 100%;
   left: 0;top:0;position: absolute; -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;
   transition:.3s;z-index: -1;
}
#index7 .more a:hover em{width: 100%; -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;
   -webkit-transition:.3s;transition:.3s;background-color: var(--color);
}


#index8{padding: 70px 0;}
#index8 .index8_list{overflow: hidden;margin-top: 30px;border: 1px solid #ebebeb;border-left: none;}
#index8 .index8_list .item{width: 33.333333%;float: left;border: 1px solid #ebebeb;
   padding: 30px;border-right: none;border-top: none;
}
// #index8 .index8_list .item:nth-last-child(1){border-bottom: none;}
// #index8 .index8_list .item:nth-last-child(2){border-bottom: none;}
// #index8 .index8_list .item:nth-last-child(3){border-bottom: none;}
#index8 .index8_list .item .pic{padding-top: 75%;background-size: cover;background-repeat: no-repeat;
   background-position: center center;transition: .3s;
}
#index8 .index8_list .item:hover{opacity: 0.8;}
#index8 .index8_list .item:hover .pic{transform: scale(1.05);transition: .3s;}
#index8 .index8_list .item .text{margin-top: 18px;}
#index8 .index8_list .item .text h4{font-size: 16px;color: #000;font-weight: normal;margin: 8px 0;
   overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
#index8 .index8_list .item .text h4:hover{color: var(--color);}
#index8 .index8_list .item .text p{font-size: 14px;color: #999;height: 21px;
   overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}

#index9{padding: 70px 0;}
#index9 .index_title{text-align: center;}
#index9 .index9_list{margin-top: 40px;width: 100%;overflow: hidden;position: relative;}
#index9 .index9_list .swiper-slide{background-color: #fff;padding: 0px;}
#index9 .index9_list .swiper-slide a{display: block;}
// #index9 .index9_list .swiper-slide:hover{box-shadow: 0 0 8px rgba(0, 0, 0,0.2);}

#index9 .index9_list .swiper-slide .pic{padding-top: 75%;padding-top: 75%;position: relative;
   overflow: hidden;
}
#index9 .index9_list .swiper-slide .pic .img{position: absolute;width: 100%;height: 100%;left: 0;top:0;
   background-size: cover;background-repeat: no-repeat;transition: .3s;
   background-position: center center;
}


#index9 .index9_list .swiper-slide:hover .pic .img{transform: scale(1.02);transition: .3s;}

#index9 .index9_list .swiper-slide .text{padding: 25px 40px;text-align: center;}
#index9 .index9_list .swiper-slide .text h4{font-size: 16px;color: #000;font-weight: normal;
   overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
#index9 .index9_list .swiper-slide .text p{font-size: 12px;color: #999;margin-top: 8px;line-height: 1.8;
   height: 42px;overflow: hidden;
}
#index9 .index9_list .swiper-slide .text em{display: inline-block;width: 130px;height: 35px;line-height: 35px;
   border-radius: 50px;border: 1px solid #dbdbdb;margin-top: 25px;
   -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;
   background-repeat: no-repeat;background-position: center center;background-image: url(../images/more3.png);
   cursor: pointer;
}


#index9 .index9_list .swiper-slide .text em:hover{background-color: var(--color);color: #fff;border: 1px solid var(--color);
   -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;
   background-image: url(../images/more4.png);
}
#index9 .index9_list .index9-button-left,
#index9 .index9_list .index9-button-right{position: absolute;width: 35px;height: 35px;
   background-color: var(--color);top:50%;transform: translateY(-50%);z-index: 9;outline: none;
   background-repeat: no-repeat;background-position: center center;cursor: pointer;opacity: 0.6;
}
#index9 .index9_list .index9-button-left:hover,
#index9 .index9_list .index9-button-right:hover{opacity: 1;}
#index9 .index9_list .index9-button-left{background-image: url(../images/more5.png);left: 0;}
#index9 .index9_list .index9-button-right{background-image: url(../images/more4.png);right: 0;}

#index10{padding: 70px 0;}
#index10 .index_title4{padding-bottom:15px;border-bottom: 1px solid #dbdbdb;}
#index10 .index10_list{margin-top: 15px;overflow: hidden;margin-left: -20px;}
#index10 .index10_list .item{margin: 10px 0;width: 33.3333%;float: left;}
#index10 .index10_list .item a{display: block;margin-left: 20px;}
#index10 .index10_list .item .pic{padding-top: 75%;background-size: cover;background-repeat: no-repeat;
   background-position: center center;transition: .3s;position: relative;overflow: hidden;
}
#index10 .index10_list .item .pic .img{position: absolute;width: 100%;height: 100%;left: 50%;top: 50%;
   transform: translate(-50%, -50%) scale(1);
   background-size: cover;background-position: center center;background-repeat: no-repeat;transition: .3s;
}
#index10 .index10_list .item:hover .pic .img{transform: translate(-50%, -50%) scale(1.1);transition: .3s;}

#index10 .index10_list .item .text{background-color: #fff;padding: 20px 30px;text-align: center;}
#index10 .index10_list .item .text h4{font-size: 16px;color: #000;font-weight: normal;
   overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
#index10 .index10_list .item .text p{font-size: 14px;color: #999;margin-top: 4px;
   overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
#index10 .index10_list .item:hover .text{background-color: var(--color);}
#index10 .index10_list .item:hover .text h4{color: #fff;}
#index10 .index10_list .item:hover .text p{color: #fff;}

#index11{padding: 70px 0;}
#index11 .index11_list{margin-top: 25px;width: 100%;overflow: hidden;position: relative;}
#index11 .index11_list .swiper-slide{padding-left: 240px;}
#index11 .index11_list .pic{width: 240px;height: 180px;float: left;margin-left:-240px;
   background-repeat: no-repeat;background-position: center center;background-size: cover;
}
#index11 .index11_list .text{padding-left: 25px;padding-top: 20px;}
#index11 .index11_list .text h4{font-size: 16px;color: #000;font-weight: normal;
   overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
#index11 .index11_list .text p{font-size: 12px;color: #999;margin-top: 8px;line-height: 1.8;
   height: 42px;overflow: hidden;
}
#index11 .index11_list .text em{display: inline-block;width: 130px;height: 35px;line-height: 35px;
   border-radius: 50px;border: 1px solid #dbdbdb;margin-top: 25px;text-align: center;
   -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;
   cursor: pointer;font-size: 12px;color: #999;
}
#index11 .index11_list .text em:hover{background-color: var(--color);color: #fff;
   border: 1px solid var(--color);
}
#index11 .index11_list .index11_pagination{text-align: right;margin-top: 35px;padding-right: 75px;
   height: 35px;line-height: 35px;
}
#index11 .index11_list .index11_pagination span{width: 8px;height: 8px;border-radius: 0;outline: none;}
#index11 .index11_list .index11_pagination span.swiper-pagination-bullet-active{background-color: var(--color);opacity: 1;}

#index11 .index11_list .index11_button_left,
#index11 .index11_list .index11_button_right{position: absolute;width: 35px;height: 35px;
   background-color: #dbdbdb;bottom:0;z-index: 11;outline: none;
   background-repeat: no-repeat;background-position: center center;cursor: pointer;opacity: 0.8;
}
#index11 .index11_list .index11_button_left:hover,
#index11 .index11_list .index11_button_right:hover{opacity: 1;background-color: var(--color);}
#index11 .index11_list .index11_button_left{background-image: url(../images/more5.png);right: 35px;}
#index11 .index11_list .index11_button_right{background-image: url(../images/more4.png);right: 0;}


.index_title5{overflow: hidden;}
.index_title5 h4{font-size: 20px;color: #444;font-weight: normal;}
.index_title5 h4 span{font-size: 12px;color: #999;margin-left:6px;}
.index_title5 .left{float: left;}
.index_title5 .right{float: right;padding-top: 13px;}
.index_title5 .right a{font-size: 12px;color: #666;}
.index_title5 .right a:hover{text-decoration: underline;}
#index12{padding: 70px 0;}
#index12 .index12_list{margin-top: 30px;overflow: hidden;margin-left: -20px;}
#index12 .index12_list .item{width: 50%;float: left;}
#index12 .index12_list .item a{display: block;margin-left: 20px;}
#index12 .index12_list .item a .pic{padding-top: 42%;background-repeat: no-repeat;
   background-position: center center;background-size: cover;
}
#index12 .index12_list .item .text{padding-left: 50px;margin-top: -35px;}
#index12 .index12_list .item .text .txt{background-color: #fff;padding: 32px 30px;}
#index12 .index12_list .item .text h4{font-size: 16px;color: #000;font-weight: normal;
   overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
#index12 .index12_list .item .text p{font-size: 14px;color: #999;margin-top: 8px;line-height: 1.8;
   height: 50px;overflow: hidden;
}
#index12 .index12_list .item:hover{opacity: 0.8;}
#index12 .index12_list .item .text h4:hover{color: var(--color);}


#index13{padding: 70px 0;}
#index13 .index_title{text-align: center;}
#index13 .index13_type{text-align: center;margin-top: 20px;}
#index13 .index13_type a{width: 105px;height: 32px;display: inline-block;font-size: 14px;color: #999;
   background-color: #e6e6e6;line-height: 32px;margin: 0 5px;
}
#index13 .index13_type a.on{background-color:var(--color);color: #fff;}
#index13 .index13_type a:hover{text-decoration: underline;}
#index13 .index13_type a.on:hover{text-decoration: none;}
#index13 .index13_list{margin-top: 40px;margin-left: -30px;}
#index13 .index13_list .item{width: 33.3333%;float: left;}
#index13 .index13_list .item a{display: block;margin-left: 30px;}
#index13 .index13_list .item .pic{padding-top: 75%;background-size: cover;background-repeat: no-repeat;
   background-position: center center;transition: .3s;
}
#index13 .index13_list .item .text{padding: 15px 15px;padding-right: 90px;position: relative;
   background-color: #fff;
}
#index13 .index13_list .item .text h4{font-size: 16px;color: #000;font-weight: normal;
   overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
#index13 .index13_list .item .text p{font-size: 14px;color: #999;margin-top: 5px;
   overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
#index13 .index13_list .item .text .more{position: absolute;width: 35px;height: 35px;
   right: 15px;top:50%;transform: translateY(-50%);background-position: center center;
   background-image: url(../images/more6.png);background-repeat: no-repeat;background-size: 8px auto;
   border: 2px solid #d9d9d9;border-radius: 50px;transition: .5s;   
}
#index13 .index13_list .item:hover a{box-shadow: 0 0 8px rgba(0, 0, 0,0.2);}
#index13 .index13_list .item:hover .text{background-color: #fff;}

#index13 .index13_list .item:hover .text .more{background-color: var(--color);border: 2px solid var(--color);
   background-image: url(../images/more4.png);top:0;transition: .5s;
}
#index13 .index13_list .item a:hover{text-decoration: none;}
#index13 .index13_list .item a:hover h4{color: var(--color);}




/* 棣栭〉鏍囬 鏍峰紡 */
.index_title{text-align: left;}
.index_title h4{font-size: 20px;color: #444;font-weight: normal;}
.index_title span{font-size: 12px;color: #999;}

.index_tit2{overflow: hidden;padding-bottom: 33px;border-bottom: 1px solid #e6e6e6;}
.index_tit2 .left{float: left;}
.index_tit2 h4{font-size: 20px;color: #444;font-weight: normal;line-height: 1;}
.index_tit2 span{font-size: 12px;color: #999;line-height: 1;margin-top: 3px;}
.index_tit2 .right{float: right;font-size: 0;}
.index_tit2 .right a{display: inline-block;font-size: 14px;color: #666;height: 36px;line-height: 36px;min-width: 96px;
   text-align: center;padding: 0 15px;
}
.index_tit2 .right a.on{color: #fff;background-color: var(--color);}
.index_tit2 .right a:hover{text-decoration: underline;}
.index_tit2 .right a.on:hover{text-decoration: none;}


.index_tit3{overflow: hidden;}
.index_tit3 .left{float: left;}
.index_tit3 h4{font-size: 20px;color: #444;font-weight: normal;line-height: 1;}
.index_tit3 span{font-size: 12px;color: #999;line-height: 1;margin-top: 3px;}
.index_tit3 .right{float: right;font-size: 0;}
.index_tit3 .right a{display: inline-block;font-size: 14px;color: #666;height: 36px;line-height: 36px;min-width: 96px;text-align: center;
   padding: 0 15px;
}
.index_tit3 .right a.on{color: #fff;background-color: var(--color);}
.index_tit3 .right a:hover{text-decoration: underline;}
.index_tit3 .right a.on:hover{text-decoration: none;}

.index_title4{overflow: hidden;}
.index_title4 .left{float: left;}
.index_title4 h4{font-size: 20px;color: #444;font-weight: normal;line-height: 1;}
.index_title4 span{font-size: 12px;color: #999;line-height: 1;margin-top: 5px;display: block;}
.index_title4 .right{float: right;font-size: 0;}
.index_title4 .right a{display: inline-block;font-size: 14px;color: #666;height: 36px;line-height: 36px;text-align: center;
   margin: 0 15px;
}
.index_title4 .right a.on,.index_title4 .right a:hover{color: var(--color);}














/* 搴曢儴 */
#web_food{background-color: #575757;padding-top: 50px;padding-bottom: 70px;overflow: hidden;
   border-top: 1px solid #e0e0e0;
}
#web_food .left{float: left;}
#web_food .left img{vertical-align: middle;margin-bottom: 7px;}
#web_food .left p{font-size: 12px;color: #fff;line-height: 1.8;}
#web_food .right{float: right;}
#web_food .right .nav{float: right;}
#web_food .right .nav a{font-size: 14px;color: #fff;margin-left: 35px;}
#web_food .right .nav a:hover{text-decoration: underline;}
#web_food .right p{font-size: 0px;color: #e0e0e0;margin-top: 15px;text-align: right;}
#web_food .right a{color: #e0e0e0;}
#web_food .right p span{font-size: 12px;}
#web_food .right p em{font-size: 12px;margin: 0 10px;}

#web_food2{background-color: #f5f7fa;padding-top: 50px;border-top: 1px solid #e5e5e5;}
#web_food2 .wp{max-width: 1200px !important;}
#web_food2 .web_food2_top{display: flex;justify-content : space-between;padding-bottom: 40px;}
#web_food2 .web_food2_top .left{width: 220px;}
#web_food2 .web_food2_top .left .logo{max-width: 100%;}
#web_food2 .web_food2_top .left .logo img{height: 46px;}
#web_food2 .web_food2_top .left p{color: #666;margin-top: 12px;}
#web_food2 .web_food2_top dl{float: left;margin: 0 35px;}
#web_food2 .web_food2_top dl dt{margin-bottom: 10px;font-weight: normal;}
#web_food2 .web_food2_top dl dt a{font-size: 16px;color: #333;}
#web_food2 .web_food2_top dl dt a:hover,#web_food2 .web_food2_top dl dd a:hover{color: var(--color);}
#web_food2 .web_food2_top dl dd{margin: 5px 0;}
#web_food2 .web_food2_top dl dd a{font-size: 14px;color: #666;}
#web_food2 .web_food2_top .right img{vertical-align: middle;margin: 8px;width: 22px;}
#web_food2 .web_food2_top .right span{vertical-align: middle;font-size: 16px;color: #666;}
#web_food2 .web_food2_bottom{height: 72px;line-height: 72px;border-top: 1px solid #e0e0e0;
   display: flex;justify-content : space-between;
}
#web_food2 .web_food2_bottom p,#web_food2 .web_food2_bottom p a{font-size: 12px;color: #999;}
#web_food2 .web_food2_bottom p a:hover{color: var(--color);}
#web_food2 .web_food2_bottom span{font-size: 14px;color: #999;vertical-align: middle;}
#web_food2 .web_food2_bottom img{vertical-align: middle;width: 25px;}
#web_food2 .web_food2_bottom .right{cursor: pointer;position: relative;}
#web_food2 .web_food2_bottom .right .code{width: 120px;position: absolute;background-color: #fff;
   padding: 8px;border-radius: 5px;bottom: 60px;right: 15px;display: none;
}
#web_food2 .web_food2_bottom .right .code img{vertical-align: middle;width: 100%;}
#web_food2 .web_food2_bottom .right em:hover .code{display: block;}
#web_food2 .web_food2_bottom .right a{margin-left:20px;}
#web_food2.web_food4 .web_food4_food{border-top: 1px solid #e5e5e5;}
#web_food2.web_food4 .web_food4_food .web_food2_bottom{border-top: none;line-height: 50px;height: 50px;}
#web_food2.web_food4 .web_food4_top{overflow: hidden;padding-left: 400px;padding-bottom: 45px;}
#web_food2.web_food4 .web_food4_top .left{float: left;width: 400px;margin-left: -400px;}
#web_food2.web_food4 .web_food4_top .left img{height: 46px;max-width: 300px;}
#web_food2.web_food4 .web_food4_top .right{display: flex;justify-content : space-between;}
#web_food2.web_food4 .web_food4_top .right .item{overflow: hidden;padding-left: 46px;max-width: 300px;}
#web_food2.web_food4 .web_food4_top .right .item .icon{margin-left: -46px;float: left;}
#web_food2.web_food4 .web_food4_top .right .item .icon img{width:46px;}
#web_food2.web_food4 .web_food4_top .right .item .text{padding-left: 8px;padding-top: 4px;}
#web_food2.web_food4 .web_food4_top .right .item .text h4{font-size: 12px;color: #333;}
#web_food2.web_food4 .web_food4_top .right .item .text p{font-size: 12px;color: #666;margin-top: 5px;}


#web_food3{background-color: #f5f7fa;text-align: center;padding: 20px 0;border-top: 1px solid #e5e5e5;}
#web_food3 p{font-size: 12px;color: #a1a1a1;margin: 8px 0;}
#web_food3 p a{font-size: 12px;color: #a1a1a1;}
#web_food3 p a:hover{text-decoration: underline;}
#web_food3 p em{margin: 0 8px;}
#web_food3 p em:last-child{display: none;}




/* 鍐呴〉banner涓€ */

#nei_banner1{text-align: center;}
#nei_banner1 img{max-width: 100%;vertical-align: middle;}


/* 鍒楄〃椤� 涓€ */
#web_list1{padding: 70px 0;padding-top: 5px;}
#web_list1 .item{padding-left: 190px;overflow: hidden;padding-right: 210px;border-bottom: 1px solid #ebebeb;
   padding-top: 40px; padding-bottom: 40px;
}

#web_list1 .item .pic{width: 190px;float: left;margin-left: -190px;height: 142px;position: relative;
   background-position: center center;background-repeat: no-repeat;background-size: cover;overflow: hidden;
}
#web_list1 .item .pic .img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;
   background-size: cover;background-position: center center;background-repeat: no-repeat;transition: .3s;
}
#web_list1 .item:hover .pic .img{transform: scale(1.1);transition: .3s;}


#web_list1 .item .text{padding-left: 40px;float: left;padding-top: 20px;width: 100%;}
#web_list1 .item .text h4{font-size: 18px;color: #010101;font-weight: normal;
   overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
#web_list1 .item .text h4:hover{color: var(--color);}
#web_list1 .item .text p{font-size: 14px;color: #999;margin-top: 20px;line-height: 1.8;height: 50px;overflow: hidden;}
#web_list1 .item .more{float: right;max-width: 200px;margin-right: -210px;text-align: right;padding-top: 25px;}
#web_list1 .item .more span{display: block;font-size: 36px;color: #666666;}
#web_list1 .item .more img{margin-top: 25px;}


#web_list2 .index_list2{overflow: hidden;margin-top:45px;margin-left: -20px;}
#web_list2 .index_list2 .item{width: 33.33333%;float: left;margin-bottom: 40px;}
#web_list2 .index_list2_4 .item{width: 25%;}


#web_list2 .index_list2 .item .con{margin-left: 20px;}
#web_list2 .index_list2 .item .pic{overflow: hidden;padding-top: 75%;position: relative;}
#web_list2 .index_list2 .item .pic .img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;
   background-size: cover;background-position: center center;background-repeat: no-repeat;transition: .3s;
}
#web_list2 .index_list2 .item .con:hover .pic .img{transform: scale(1.1);transition: .3s;}
#web_list2 .index_list2 .item .text{margin-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #e6e6e6;}
#web_list2 .index_list2 .item .text h6{font-size: 16px;color: #000;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#web_list2 .index_list2 .item .text h6:hover{color: var(--color);}
#web_list2 .index_list2 .item:hover a{text-decoration: none;}
#web_list2 .index_list2 .item .text p{margin: 0; font-size: 12px;color: #999;margin-top: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 17px;position: relative;
   width: 100%;padding-right: 200px;
}
#web_list2 .index_list2 .item .text p img{position: absolute;right: 0;top:50%;transform: translateY(-50%);}

#index13.list_index13{padding: 0;padding-bottom: 30px;}
#index12.list_index12{padding: 5px;padding-bottom: 30px;}

#index8.list_index8{padding-top: 0px;}
#index11.list_index11{padding-top: 18px;}
#index13.list_index13.list_index13_list{margin-top: 22px;}
#index13.list_index13.list_index13_list .item{border-bottom: 1px solid #ededed;}
#index13.list_index13.list_index13_list .item:hover{background-color: #e7e4e4;}
#index13.list_index13.list_index13_list .item a{display: inline-block;width: 100%;padding: 22px 0;padding-left: 85px;}
#index13.list_index13.list_index13_list .item a em{display: block;width: 85px;margin-left: -85px;background-color: #e7e4e4;height: 75px;
  font-size: 14px;color: #333;text-align: center;float: left;
}
#index13.list_index13.list_index13_list .item a em b{display: inline-block;width: 100%;text-align: center;font-size: 32px;
   color: var(--color);font-weight: normal;
}
#index13.list_index13.list_index13_list .item a .txt{width: 100%;padding-left: 15px;}
#index13.list_index13.list_index13_list .item a .txt h4{font-size: 16px;color: #000000;font-weight: normal;line-height: 38px;
  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
#index13.list_index13.list_index13_list .item a .txt p{font-size: 12px;color: #666;line-height:25px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


/*  鍒嗛〉  */
#page{text-align: center;margin-bottom: 80px;}
#page span{display: inline-block;height: 35px;padding: 0 14px;border: 1px solid #f2f2f2;line-height: 35px;font-size: 14px;
   color: #333;margin: 0 5px;cursor: pointer;
}
#page span:hover,#page span.cur{background-color: var(--color);border: 1px solid var(--color);color: #fff;}


/* 鍗曢〉 */
#page_con{padding: 65px 0;padding-top: 40px;}
#page_con .wp{max-width: 1000px;}
#page_con .product_data2 .wp{max-width: 1200px;}
.service_nav{text-align: center;padding: 30px 0;background-color: #fff;padding-bottom: 10px;
   max-width: 1200px;margin: 0 auto;
}

.service_nav a{font-size: 14px;color: #000;margin: 10px 20px;display: inline-block;height:38px;
   line-height:38px;border-radius: 50px;background-color: #f8f8f8;padding: 0 24px;min-width: 118px;
}
.service_nav a:hover,
.service_nav a.on{color: #fff;background-color:var(--color);}

/* 涓夌骇瀵艰埅 */
.san_nav{text-align: center;padding-top: 25px;}
.san_nav a{font-size: 14px;color: #333;margin: 0 15px;}
.san_nav a:hover,.san_nav a.on{text-decoration: underline;color: var(--color);}


/* 璇︽儏椤� */
.news_data{background-color: #fff;position: relative;z-index: 9;}
.news_data .title{text-align: center;border-bottom:1px solid #dbdbdb;padding-bottom: 32px;}
.news_data .title h4{font-size: 26px;color: #000;font-weight: normal;margin-bottom: 18px;}
.news_data .title span{font-size: 14px;color: #999;margin: 0 35px;}
.news_data .data{padding-top: 25px;}
.news_data .data p{font-size: 14px;color: #000;line-height: 1.8;margin-bottom: 15px;}
.news_data .data img{max-width: 100%;margin-bottom: 20px;}
.back_btn{text-align: center;margin-top: 60px;}
.back_btn a{display: inline-block;width: 160px;height: 48px;line-height: 48px;font-size: 12px;color:#939393;
   border: 1px solid #939393;position: relative;border-radius: 3px;
}
.back_btn a:hover{color: #fff;border: 1px solid var(--color);}

.back_btn a em{display: block;width: 0%;height: 100%;background-color: var(--color);
   left: 0;top: 0;position: absolute;-o-transition: .3s;-ms-transition: .3s;
   -moz-transition: .3s;-webkit-transition: .3s;transition: .3s;z-index: -1;
}
.back_btn a:hover em{width: 100%;-o-transition: .3s;-ms-transition: .3s;
   -moz-transition: .3s;-webkit-transition: .3s;transition: .3s;
}

#index11.list_index11 .index11_list{overflow: hidden;margin-left: -25px;}
#index11.list_index11 .index11_list .swiper-slide{width: 50%;float: left;margin-bottom: 25px;}
#index11.list_index11 .index11_list .swiper-slide a{display: block;margin-left: 25px;}
#index12.list_index12 .index12_list .item,#index13 .index13_list .item{margin: 12px 0;}



/* 浜у搧璇︽儏 */
.product_data{padding-bottom: 60px;}
.product_data .product_data_top{overflow: hidden;}
.product_data .product_data_top .pic{float: left;width: 40%;position: relative;}
.product_data .product_data_top .pic .pic_data_swiper{width: 100%;overflow: hidden;}
.product_data .product_data_top .pic .pic_data_swiper img{width: 100%;}
.product_data .product_data_top .pic .about-button-left,
.product_data .product_data_top .pic .about-button-right{position: absolute;width: 35px;height: 35px;top:50%;transform: translateY(-50%);z-index: 9;background-color: var(--color);
	background-position: center center;background-repeat: no-repeat;outline: none;cursor: pointer;
}
.product_data .product_data_top .pic .about-button-left:hover,
.product_data .product_data_top .pic .about-button-right:hover{
   opacity: 0.8;
}
.product_data .product_data_top .pic .about-button-left{left: 0px;background-image: url(../images/more5.png);}
.product_data .product_data_top .pic .about-button-right{right: 0px;background-image: url(../images/more4.png);}
.product_data .product_data_top .text{width: 55%;float: right;padding-top: 20px;}
.product_data .product_data_top .text h1{font-size: 22px;color: #000;font-weight: normal;padding-bottom: 10px;
}
.product_data .product_data_top .text p{margin-top: 10px;font-size: 14px;color: #666;}
.product_data .product_data_top .text pre{margin-top: 10px;font-size: 13px;color: #888;font-family: "寰蒋闆呴粦";
   white-space:pre-wrap; /* css3.0 */line-height: 1.8;
   white-space:-moz-pre-wrap; /* Firefox */ 
   white-space:-pre-wrap; /* Opera 4-6 */ 
   white-space:-o-pre-wrap; /* Opera 7 */ 
   word-wrap:break-word; /* Internet Explorer 5.5+ */ 
}


.product_data .product_data_top .text .butt{margin-top: 50px;}
.product_data .product_data_top .text .butt a{display: inline-block;width: 160px;height: 50px;border-radius: 3px;text-align: center;
	line-height: 50px;font-size: 16px;margin-right: 15px;
}
.product_data .product_data_top .text .butt a img{vertical-align: middle;margin-right: 5px;}
.product_data .product_data_top .text .butt a em{vertical-align: middle;}
.product_data .product_data_top .text .butt a:hover{opacity: 0.6;}
.product_data .product_data_top .text .butt a.addcar{background-color: #f79900;color: #ffffff;}
.product_data .product_data_top .text .butt a.addmass{background-color: #ededed;color: #333;}
.product_data .product_data_mass{margin-top: 50px;}
.product_data .product_data_mass .tit{height: 48px;line-height: 48px;background-color: #f2f2f2;padding-left: 15px;}
.product_data .product_data_mass .tit p{font-size: 14px;color: #000;}
.product_data .product_data_mass .text{margin-top: 20px;}
.product_data .product_data_mass .text img{max-width: 100%;}

#web_er_nav_two .er_nav{border-bottom: 1px solid #dbdbdb;height: 64px;line-height: 64px;}

#web_er_nav_two .er_nav .left{float: left;}
#web_er_nav_two .er_nav .left a{padding: 0 25px;font-size: 16px;color: #000;height: 64px;display: inline-block;}
#web_er_nav_two .er_nav .left a:hover{background-color: #f3f3f3}
#web_er_nav_two .er_nav .left a.on{color: var(--color);}
#web_er_nav_two .er_nav .right{float: right;} 
#web_er_nav_two .er_nav .right img{vertical-align: middle;margin-right: 5px;}
#web_er_nav_two .er_nav .right a{font-size: 12px;color: #999;vertical-align: middle;}
#web_er_nav_two .er_nav .right a:hover{text-decoration: underline;}
#web_er_nav_two .er_nav .right em{font-size: 12px;color: #999;margin: 0 5px;vertical-align: middle;}
#web_er_nav_two .er_nav .right span{font-size: 12px;color: #999;vertical-align: middle;}

#web_er_nav_two .er_nav2{height: 64px;line-height: 64px;position: relative;border-bottom: 1px solid #dbdbdb}
#web_er_nav_two .er_nav2 .right{float: right;} 
#web_er_nav_two .er_nav2 .right img{vertical-align: middle;margin-right: 5px;}
#web_er_nav_two .er_nav2 .right a{font-size: 12px;color: #999;vertical-align: middle;}
#web_er_nav_two .er_nav2 .right a:hover{text-decoration: none;color: var(--color);}
#web_er_nav_two .er_nav2 .right em{font-size: 12px;color: #999;margin: 0 5px;vertical-align: middle;}
#web_er_nav_two .er_nav2 .right span{font-size: 12px;color: #999;vertical-align: middle;
   display: inline-block;max-width: 5em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}

#web_er_nav_two .er_nav2 .left{float: left;}
#web_er_nav_two .er_nav2 .left .item{float: left;padding: 0 20px;margin-right: 15px;}
#web_er_nav_two .er_nav2 .left .item .tit{cursor: pointer;}
#web_er_nav_two .er_nav2 .left .item .tit span{font-size: 16px;color: #333;vertical-align: middle;}
#web_er_nav_two .er_nav2 .left .item .tit span a{color: #333;}
#web_er_nav_two .er_nav2 .left .item .tit span a:hover{text-decoration: none;}
#web_er_nav_two .er_nav2 .left .item .tit:hover span a{color: var(--color);}
#web_er_nav_two .er_nav2 .left .item .tit i{width: 10px;height: 6px;vertical-align: -3px;margin-left: 8px;
   display: inline-block;line-height: 6px;
}
#web_er_nav_two .er_nav2 .left .item:hover{background-color: #f3f3f3;}
#web_er_nav_two .er_nav2 .left .item:hover span{color: #f79900;}
#web_er_nav_two .er_nav2 .left .item:hover i{color: var(--color);
   transform:rotate(180deg);
   -ms-transform:rotate(180deg); 	/* IE 9 */
   -moz-transform:rotate(180deg); 	/* Firefox */
   -webkit-transform:rotate(180deg); /* Safari 鍜� Chrome */
   -o-transform:rotate(180deg); 	/* Opera */
}
#web_er_nav_two .er_nav2 .left .item:hover .product_down_nav{display: block;}
#web_er_nav_two .er_nav2 .product_down_nav{position: absolute;width: 100%;background-color: #f3f3f3;left: 0;top:100%;
   padding-bottom: 15px;display: none;
	box-shadow: 0 10px 10px rgba(0,0,0,0.2);z-index: 999;padding-bottom:40px;
}
#web_er_nav_two .er_nav2 .product_down_nav .title{font-size: 0;border-bottom: 1px solid #dbdbdb;line-height: 1;height: 58px;}
#web_er_nav_two .er_nav2 .product_down_nav .title span{padding: 0px 20px;display: inline-block;}
#web_er_nav_two .er_nav2 .product_down_nav .title a{font-size: 16px;color: #333;display: inline-block;padding: 20px 0;}
#web_er_nav_two .er_nav2 .product_down_nav .title a:hover{color: var(--color);border-bottom: 2px solid var(--color);}
#web_er_nav_two .er_nav2 .product_down_nav .title a.on{color: var(--color);border-bottom: 2px solid var(--color);}
#web_er_nav_two .er_nav2 .product_down_nav .type_con{overflow: hidden;line-height: 1;margin-left: -50px;}
#web_er_nav_two .er_nav2 .product_down_nav .item2{width: 25%;float: left;padding-left: 50px;margin-top: 25px;}
#web_er_nav_two .er_nav2 .product_down_nav .item2 dl{overflow: hidden;}
#web_er_nav_two .er_nav2 .product_down_nav .item2 dt{font-size: 14px;color: var(--color);margin-bottom: 15px;
   font-weight: normal;
}
#web_er_nav_two .er_nav2 .product_down_nav .item2 dt a{color: var(--color);}
#web_er_nav_two .er_nav2 .product_down_nav .item2 dt a:hover{text-decoration: underline;}
#web_er_nav_two .er_nav2 .product_down_nav .item2 dd{width: 50%;float: left;margin: 7px 0;}
#web_er_nav_two .er_nav2 .product_down_nav .item2 dd a{font-size: 12px;color: #333;}
#web_er_nav_two .er_nav2 .product_down_nav .item2 dd a:hover{text-decoration: underline;}

#web_food2_mm{background-color: #f7f7f7;padding: 25px;display: none;padding-top: 20px;}
#web_food2_mm .food_nav dl{border-bottom: 1px solid #e8e8e8;}
#web_food2_mm .food_nav dl dt{font-size: 14px;height: 46px;line-height: 46px;position: relative;font-weight: normal;}
#web_food2_mm .food_nav dl dt a{color: #333;}
#web_food2_mm .food_nav dl dd{font-size: 14px;height: 46px;line-height: 46px;display: none;}
#web_food2_mm .food_nav dl dd a{color: #333;}
#web_food2_mm .food_nav dl dt b{position: absolute;right: 15px;top: 50%;transform: translateY(-50%);font-size: 16px;
   font-weight: normal;color: #666;
}
#web_food2_mm .food_tel{padding: 30px 0;text-align: center;}
#web_food2_mm .food_tel h3{font-size: 18px;color: #333;font-weight: normal;}
#web_food2_mm .food_tel h4{font-size: 14px;color: #333;font-weight: normal;margin-top: 6px;}
#web_food2_mm .food_tel a{display: inline-block;width: 100px;height: 30px;border-radius: 50px;
   border: 1px solid #999;font-size: 12px;color: #333;line-height: 29px;margin-top: 15px;
}

#web_food2_mm .food_wx{text-align: center;}
#web_food2_mm .food_wx span{margin: 0 6px;}
#web_food2_mm .food_wx span img{width: 25px;}
.code_pop{position: fixed;width: 100%;height: 100%;z-index: 9999;left: 0;top:0;display: none;}
.code_pop .bg{position: absolute;width: 100%;height: 100%;left: 0;top:0;background-color: rgba(0, 0, 0,0.5);}
.code_pop .con{background-color: #fff;width: 300px;padding: 60px 40px;border-radius: 10px;
   position: absolute;left: 50%;top:50%;transform: translate(-50%, -50%);text-align: center;
}
.code_pop .con img{max-width: 100%;vertical-align: middle;}
.code_pop .con .close{font-size:22px;position: absolute;top:18px;right: 20px;color: #999;line-height: 1;}
.code_pop .con p{font-size: 14px;text-align: center;color: #333;line-height: 1.8;margin-top: 3px;}

#web_food2_mm .food_copy{line-height: 1.5;padding: 15px 0;text-align: center;border-top: 1px solid #e0e0e0;
   margin-top: 15px;
}
#web_food2_mm .food_copy p, #web_food2_mm .food_copy p a {font-size: 12px;color: #999;}

.more_mm_list{display: none;margin-top: 30px;text-align: center;}
.more_mm_list a{display: inline-block;width: 60%;height: 43px;line-height: 43px;color: #666;border:1px solid rgba(0, 0, 0,0.15);
   text-align: center;font-size: 12px;
}
#index6 img.two{display: none;}

#mm_er_nav{display: none;width: 100%;position: relative;}
#mm_er_nav .tit{height: 42px;line-height: 42px;background-color:var(--color);padding:0 3%;
   background-image: url(../images/up1.png);background-repeat: no-repeat;background-position: right 3% center;
   background-size:  13px auto;
}
#mm_er_nav .tit.on{background-image: url(../images/down1.png);}
#mm_er_nav .tit h4{font-size: 14px;color: #fff;font-weight: normal;}
#mm_er_nav .down_nav{position: fixed;width: 100%;left: 0;top:100%;background-color: rgba(0, 0, 0,0.1);
  z-index: 999999;bottom: 0;transition:.3s;
}
#mm_er_nav .down_nav.on{top:0px;transition:.3s;}
#mm_er_nav .down_nav .con{position: absolute;left: 0;width: 100%;top:1px;bottom: 50px;padding: 0 20px;
   background-color: #fff;
}
#mm_er_nav .down_nav .con.on{top: 5px;transition:.3s;}
#mm_er_nav .down_nav .con h5{font-size: 16px;color: #333;font-weight: normal;text-align: center;
   padding: 25px 0;
}

#mm_er_nav .down_nav .item{border-bottom: 1px solid #f0f0f0;padding: 5px 0;}
#mm_er_nav .down_nav .item:last-child{border-bottom: none;}
#mm_er_nav .down_nav .item>a{line-height: 30px;font-size: 14px;color: #000;font-weight: bold;}
#mm_er_nav .down_nav .item dt{padding: 5px 0;}
#mm_er_nav .down_nav .item dt>a{font-size: 14px;color: #999;font-weight: normal;}
#mm_er_nav .down_nav .item dd{padding: 5px 0;}
#mm_er_nav .down_nav .item dd>a{font-size: 13px;color: #333;display: inline-block;}
#mm_er_nav .down_nav .item dd>a img{width: 6px;margin-right: 6px;vertical-align:0px;}
#mm_er_nav .down_nav .colse{background-color: var(--color);height: 50px;line-height: 50px;text-align: center;
   cursor: pointer;font-size: 14px;color: #fff;position: absolute;left: 0;width: 100%;bottom: 0;display: none;
}
#mm_er_nav .down_nav .item2{padding-left: 20px;}
#mm_er_nav .down_nav.on .colse{display: block;}

.product_data_top .dian_list {text-align: center;position: relative;width: 100%;
   bottom: 35px;left: 0;z-index: 9;
}
.product_data_top .dian_list .swiper-pagination-bullet{margin: 0 3px;width: 7px;height: 7px;
   border-radius: 50%;
}
.product_data_top .dian_list .swiper-pagination-bullet-active{background-color: var(--color);border-radius: 50%;}

.product_data .product_data_mass .text{padding: 0 15px;}
.product_data .product_data_mass .text p{font-size: 13px;line-height: 1.8;}
.product_data .product_data_mass .tit p{position: relative;font-weight: bold;padding-left: 12px;font-size: 13px;}
.product_data .product_data_mass .tit p em{display: block;position: absolute;width: 4px;height: 100%;
   background-color: var(--color);left: 0;top:50%;height: 16px;transform: translateY(-50%);
}
.product_data .product_data_mass{margin: 0 auto; margin-top: 20px;max-width: 1200px;}


/* 妯℃澘 鍖哄煙 鏍峰紡 */

@font-face{
   font-family: 'Bodon';
   src : url('../font/TT0037M.TTF');
}

/* 鍒嗛殧绗� */
.yzt_h10{height: 10px;}
.yzt_h20{height: 20px;}
.yzt_h30{height: 30px;}
.yzt_h40{height: 40px;}
.yzt_h50{height: 50px;}
.yzt_h70{height: 70px;}
.yzt_h100{height: 100px;}
.yzt_h120{height: 120px;}
.yzt_h150{height: 150px;}
.yzt_h200{height: 200px;}

/* 鏍囬妯℃澘 */ 
.copy_text{opacity: 0;position: fixed;z-index: -1;}
#template_con .wp{max-width: 1300px;}
#template_con .title_mass{text-align: center;}
#template_con .title_mass p{font-size: 16px;color: #333;line-height: 2.2;}
#template_con .title_con{border: 1px solid #f2f2f2;position: relative;}

#template_con .title_con .copy_btn{position: absolute;right: 15px;bottom: 15px;}
#template_con .title_con .copy_btn a{color: #999;font-size: 12px;
   border: 1px solid #f2f2f2;padding: 5px 16px;border-radius: 50px;
}
#template_con .title_con .copy_btn a:hover{color: #df1a22;border: 1px solid #df1a22;}
#template_con.template_con_item{display: none;}


#yzt_template_title1{text-align: center;line-height: 1;max-width: 1200px;margin: 0 auto;}
#yzt_template_title1 h4{font-size: 24px;color: #000;font-weight: normal;}
#yzt_template_title1 p{font-size: 16px;color: #999;margin-top: 12px;font-family: Arial;}

#yzt_template_title2{text-align: center;line-height: 1;max-width: 1200px;margin: 0 auto;}
#yzt_template_title2 .h4_bg{background-image: url(../images/yzt_icon1.png);
   background-repeat: repeat-x;background-position: left center;
}
#yzt_template_title2 h4{font-size: 24px;color: #000;display: inline-block;padding: 0 30px;background-color: #fff;
   font-weight: normal;
}
#yzt_template_title2 h4 b{display: inline-block;max-width: 9em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
   font-weight: normal;
}

#yzt_template_title2 p{font-size: 16px;color: #999;margin-top: 12px;font-family: Arial;}

#yzt_template_title3{text-align: center;line-height: 1;max-width: 1200px;margin: 0 auto;}
#yzt_template_title3 h4{font-size: 24px;color: #000;display: inline-block;position: relative;max-width: 1200px;margin: 0 auto;}
#yzt_template_title3 h4 em{max-width: 9em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;}
#yzt_template_title3 h4 span{position: absolute;top:50%;display: block;transform: translateY(-50%);}
#yzt_template_title3 h4 span.left_span{left: -180px;}
#yzt_template_title3 h4 span.right_span{right: -180px;}
#yzt_template_title3 h4 span img{vertical-align: middle;}
#yzt_template_title3 p{font-size: 16px;color: #999;margin-top: 12px;}
#yzt_template_title4{text-align: center;line-height: 1;max-width: 1200px;margin: 0 auto;}
#yzt_template_title4 h5{font-size: 32px;color: #dadada;font-family: Bodon;}
#yzt_template_title4 h4{font-size: 26px;color: #333;font-weight: normal;margin-top: 12px;position: relative;
   padding-bottom: 12px;
}
#yzt_template_title4 h4 em{display: block;width: 1.5em;height: 2px;background-color: #333;left: 50%;transform: translateX(-50%);
   bottom: 0;position: absolute;
}
#yzt_template_title4 p{font-size: 14px;color: #999;margin-top: 8px;line-height: 1.6;}

#yzt_template_title5{text-align: center;line-height: 1;max-width: 1200px;margin: 0 auto;}
#yzt_template_title5 h4{font-size: 26px;color: #333;font-weight: normal;margin-top: 12px;position: relative;
   padding-bottom: 12px;
}
#yzt_template_title5 h4 em{display: block;width: 1.5em;height: 2px;background-color: #333;left: 50%;transform: translateX(-50%);
   bottom: 0;position: absolute;
}
#yzt_template_title5 p{font-size: 14px;color: #999;margin-top: 8px;line-height: 1.6;}


#yzt_template_title6{text-align: center;line-height: 1;max-width: 1200px;margin: 0 auto;}
#yzt_template_title6 h5{font-size: 32px;color: #dadada;font-family: Bodon;}
#yzt_template_title6 h4{font-size: 26px;color: #333;font-weight: normal;margin-top: 12px;}


/* 鍥炬枃妯℃澘 */
#yzt_pic_text1{display: flex;justify-content: space-between;align-items: center;max-width: 1200px;margin: 0 auto;}
#yzt_pic_text1 .pic{width: 40%;}
#yzt_pic_text1 .pic img{width: 100%;vertical-align: middle;}
#yzt_pic_text1 .text{width: 56%;}
#yzt_pic_text1 .text h4{font-size: 22px;color: #000;line-height: 1.6;font-weight: normal;}
#yzt_pic_text1 .text p{font-size: 14px;color: #666;line-height: 1.6;margin-top: 22px;}

#yzt_pic_text2{display: flex;justify-content: space-between;align-items: center;max-width: 1200px;margin: 0 auto;}
#yzt_pic_text2 .pic{width: 40%;}
#yzt_pic_text2 .pic img{width: 100%;vertical-align: middle;}
#yzt_pic_text2 .text{width: 56%;}
#yzt_pic_text2 .text h4{font-size: 22px;color: #000;line-height: 1.6;font-weight: normal;}
#yzt_pic_text2 .text p{font-size: 14px;color: #666;line-height: 1.6;margin-top: 22px;}

#yzt_pic_text3{max-width: 1200px;margin: 0 auto;border-bottom: 1px solid #dbdbdb;padding-bottom: 22px;}
#yzt_pic_text3 .pic img{width: 100%;vertical-align: middle;}
#yzt_pic_text3 .text{margin-top: 20px;}
#yzt_pic_text3 .text h4{font-size: 22px;color: #000;line-height: 1.6;font-weight: normal;}
#yzt_pic_text3 .text p{font-size: 14px;color: #666;line-height: 1.6;margin-top: 10px;}

#yzt_pic_text4{max-width: 1200px;margin: 0 auto;}
#yzt_pic_text4 .list_con{margin-left: -40px;overflow: hidden;}
#yzt_pic_text4 .list_con .item{width: 50%;float: left;}
#yzt_pic_text4 .list_con .item .con{margin-left: 40px;}
#yzt_pic_text4 .list_con .item .con img{max-width: 100%;}
#yzt_pic_text4 .list_con .item  .text{margin-top:15px;}
#yzt_pic_text4 .list_con .item h4{font-size: 22px;color: #000;line-height: 1.6;font-weight: normal;
   overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
#yzt_pic_text4 .list_con .item p{font-size: 14px;color: #666;line-height: 1.6;margin-top: 10px;height: 44px;
   overflow: hidden;
}

#yzt_pic_text5{max-width: 1200px;margin: 0 auto;}
#yzt_pic_text5 .list_con{margin-left: -30px;overflow: hidden;}
#yzt_pic_text5 .list_con .item{width: 33.33333%;float: left;}
#yzt_pic_text5 .list_con .item .con{margin-left: 30px;}
#yzt_pic_text5 .list_con .item .con img{max-width: 100%;}
#yzt_pic_text5 .list_con .item  .text{margin-top:12px;}
#yzt_pic_text5 .list_con .item h4{font-size: 18px;color: #000;line-height: 1.6;font-weight: normal;
   overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
#yzt_pic_text5 .list_con .item p{font-size: 14px;color: #666;line-height: 1.6;margin-top: 10px;height: 44px;
   overflow: hidden;
}

#yzt_pic_text6{max-width: 1200px;margin: 0 auto;}
#yzt_pic_text6 .list_con{margin-left: -20px;overflow: hidden;}
#yzt_pic_text6 .list_con .item{width: 25%;float: left;}
#yzt_pic_text6 .list_con .item .con{margin-left: 20px;}
#yzt_pic_text6 .list_con .item .con img{max-width: 100%;}
#yzt_pic_text6 .list_con .item  .text{margin-top:10px;}
#yzt_pic_text6 .list_con .item h4{font-size: 16px;color: #000;line-height: 1.6;font-weight: normal;}

/* 鏂囧瓧绫� */
#yzt_text1{max-width: 1200px;margin: 0 auto;border-bottom: 1px solid #dbdbdb;padding-bottom: 15px;}
#yzt_text1 p{font-size: 14px;color: #666666;line-height: 1.8;margin: 12px 0;}
#yzt_text1 p:first-child{margin-top: 0;}

#yzt_text2{max-width: 1200px;margin: 0 auto;border-bottom: 1px dashed #dbdbdb;padding-bottom: 15px;}
#yzt_text2 p{font-size: 14px;color: #666666;line-height: 1.8;margin: 12px 0;}
#yzt_text2 p:first-child{margin-top: 0;}

#yzt_text3{max-width: 1200px;margin: 0 auto;}
#yzt_text3 p{font-size: 14px;color: #666666;line-height: 1.8;margin: 12px 0;}
#yzt_text3 p:first-child{margin-top: 0;}


/* 鍥剧墖绫� */
#yzt_pic1{max-width: 1200px;margin: 0 auto;}
#yzt_pic1 img{max-width: 100%;vertical-align: middle;}

#yzt_pic2{max-width: 1200px;margin: 0 auto;}
#yzt_pic2 .list_con{margin-left: -30px;overflow: hidden;}
#yzt_pic2 .list_con .item{width: 33.33333%;float: left;}
#yzt_pic2 .list_con .item .pic{margin-left: 30px;}
#yzt_pic2 .list_con .item .pic img{max-width: 100%;vertical-align: middle;}

#yzt_pic3{max-width: 1200px;margin: 0 auto;}
#yzt_pic3 .list_con{margin-left: -20px;overflow: hidden;}
#yzt_pic3 .list_con .item{width: 25%;float: left;}
#yzt_pic3 .list_con .item .pic{margin-left: 20px;}
#yzt_pic3 .list_con .item .pic img{max-width: 100%;vertical-align: middle;}

#yzt_pic4{max-width: 1200px;margin: 0 auto;}
#yzt_pic4 .list_con{margin-left: -40px;overflow: hidden;}
#yzt_pic4 .list_con .item{width: 50%;float: left;}
#yzt_pic4 .list_con .item .pic{margin-left: 40px;}
#yzt_pic4 .list_con .item .pic img{max-width: 100%;vertical-align: middle;}






@font-face {font-family: "iconfont";
   src: url('//at.alicdn.com/t/font_1870248_pu56bsthgq8.eot?t=1591599037632'); /* IE9 */
   src: url('//at.alicdn.com/t/font_1870248_pu56bsthgq8.eot?t=1591599037632#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAALAAAsAAAAABsAAAAJ0AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCfgqBGIEZATYCJAMMCwgABCAFhG0HThvvBRHVkxdkPwvs9pQMWY4p/XhGFmaCM00Jnmn0fRFEtFZWz8zezzMqZAVEClG9BaKQMHHRgD4RiiSS3gBogAA18JuboeteuAjDlJwH/8t3JGWnF8LyeS6nN5Zn0fxAuaxNYy0atulegHFAB9ZeGAUaUAGF3FK7iJPKC3p1HwL4kCCT1NS19GAxoGUCyPzM1Ai2k8FgkrpF8EzsNcgZDlbtq1fAqfy+fCU/CwpHg9Z2TNaOU/GhD0qvuWv9nCALgn/YATSQCQxI32SlA40kMo1PxZCId00T+KBc94NwH/JWuQL560izHwCpflXBB6EOpEv5FO2gAfB0G5JBAeQOC99FkNDQofXnh2k4de/w6VpUuDpIphtZXHtykE7j9w+ercfGW4dJeIfKusiyGRwfGv9VlPNr58jNCdw5dqMo/sNJHRbhC0e/vMOgCfqlWgPQz6X5mT/5WVQcNBRY8t/6GgDeGJ76HgPcbb8RFfhfJqDI1Bbk1aY0UmMb04QCQgp8fRrHRYkQ7/e7w8ElEGzHsiPmRXwFjSWRNGwmHHwphAdLOXzIUH/Yl1ALaMR4A+m2PQhBHkARwHNogrwmDfsODhG+w0NQGj70SeiZviRnj6Za0CoGcA+MnjcifjWq9Y3xWKy4Fqn4o+xjHuqi6td73FDO2LCfsVElIOEVOu8xXBaGJDyh12JQTW1Z0tSLCs9rZlQLWsUA3ANGzxvx0WoGn39jPBYrCwMr7T/KPkoHtUIFIHvnBhr4lmf2MzZUCZDwCjpvFi4LgzQ9a0KvhWFHKbVKPIygzuJ+9/p/xwAfaL1OiRZD0Ea7KR+3kFrnntPz6oXrLAM=') format('woff2'),
   url('//at.alicdn.com/t/font_1870248_pu56bsthgq8.woff?t=1591599037632') format('woff'),
   url('//at.alicdn.com/t/font_1870248_pu56bsthgq8.ttf?t=1591599037632') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
   url('//at.alicdn.com/t/font_1870248_pu56bsthgq8.svg?t=1591599037632#iconfont') format('svg'); /* iOS 4.1- */
 }
 
 .iconfont {
   font-family: "iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 .iconjiantouxia1-copy:before {
   content: "\e601";
 }
 
 .iconjiantouxia1-copy1:before {
   content: "\e602";
 }





 #right_nav{position: fixed;right:0px;top:50%;transform: translateY(-50%);height: 455px;z-index: 9999;}
 #right_nav .item{text-align: center;background-color: #fff;width: 80px;height: 80px;border: 1px solid #e6e6e6;padding-top: 12px;
    margin: 2px 0;position: relative;cursor: pointer;
 }
 #right_nav .item p{font-size: 12px;color:#999;}
 #right_nav .item .tel{position: absolute;height: 80px;padding-left: 15px;display: none;
    width:200px;top:-1px;background-color: #fff;border: 1px solid #e6e6e6;text-align: left;right: -270px;border-right: none;
 }
 #right_nav .item .tel span{font-size: 24px;color: #009999;display: block;margin-top: 10px;}
 #right_nav .item .tel em{font-size: 12px;color: #acacb0;margin-top: 3px;display: block;}
 #right_nav .item_tel:hover .tel{display: block;right:77px;
    -webkit-animation: tel 0.2s 1 linear;
    -moz-animation: tel 0.2s 1 linear;
    -o-animation: tel 0.2s 1 linear;
    animation: tel 0.2s 1 linear;
 }
 
 @-webkit-keyframes tel {
    0% {
       right: -270px;
    }   
    50% {
       right: -185px;
    }
    100% {
       right:77px;
    }
 }
 @keyframes tel {
    0% {
       right: -270px;
    }   
    50% {
       right: -185px;
    }
    100% {
       right:77px;
    }
 }
 
 #right_nav .item_code .sao_con {position: absolute;text-align: center;padding-top: 10px;background-color: #fff;display: none;
    width: 115px;height:130px;border: 1px solid #ebebeb;border-radius: 8px;top:50%;transform: translateY(-50%);right: 110%;
 }
 #right_nav .item_code:hover .sao_con{display: block;}
 #right_nav .item_top{height: 40px;}
 

#index_dan_210715{padding: 90px;position: relative;padding-bottom: 0;}
#index_dan_210715 .left{width: 50%;position: absolute;left: 0;top: 0;background-image: url(../images/210715_1.png);
   height: 100%;background-size: cover;
}
#index_dan_210715 .right{width: 50%;position: absolute;right: 0;top: 0;background-image: url(../images/210715_2.jpg);
   height: 100%;background-size: cover;
}
#index_dan_210715 .right .bg{width: 100%;height: 100%;left: 0;top: 0;position: absolute;
   background-color: var(--color);opacity: 0.8;
}
.index_title_210715 h4{font-size: 24px;color: #333;font-weight: normal;}
.index_title_210715 h4 span{color: var(--color);}
.index_title_210715 p{margin-top: 22px;height: 1px;background-color: #d8d8d8;width: 150px;position: relative;}
.index_title_210715 p em{display: block;width: 30px;height: 2px;background-color: var(--color);
   left: 0;bottom: 1px;position: absolute;
}

#index_dan_210715 .wp{overflow: hidden;}
#index_dan_210715 .pic{width: 50%;float: left;padding-right: 40px;margin-top: 20px;}
#index_dan_210715 .pic img{max-width: 100%;}
#index_dan_210715 .text{padding-left: 40px;width: 50%;float: right;padding-top: 30px;}
#index_dan_210715 .text h4{color: #fff;font-size: 30px;font-weight: normal;}
#index_dan_210715 .text p{font-size: 15px;color: #fff;line-height: 1.8;margin-top: 30px;}

#index_dan_210715 .text .more a{display: block;width: 160px;height: 46px;line-height: 44px;
   text-align: center;border: 1px solid #fff;border-radius: 50px;margin-top: 70px;
   font-size: 16px;color: #fff;
}
#index_dan_210715 .text .more a:hover{background-color: #fff;color: var(--color);}

#index_list_210715{padding: 90px 0;position: relative;padding-bottom: 0;}
.index_title_210715{position: relative;}
.index_title_210715 .right{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.index_title_210715 .right a{font-size: 15px;color: #999;margin-left: 40px;display: inline-block;padding-bottom: 10px;}
.index_title_210715 .right a.on{color: #333;border-bottom: 2px solid var(--color);}


#index_list_210715 .list{overflow: hidden;margin-top: 40px;}
#index_list_210715 .list .item{width: 25%;float: left;}
#index_list_210715 .list .item .con{position: relative;padding-top: 100%;}
#index_list_210715 .list .item .con .pic{background-size: cover;background-position: center center;width: 100%;
   height: 100%;left: 0;top: 0;position: absolute;
}
#index_list_210715 .list .item .con .text{position: absolute;
   width: 100%;height: 100%;left: 0;top: 0;display: none;
   justify-content: center;background-color: var(--color);opacity: 0.9;
   align-items: center;padding: 0 30px;text-align: center;
}
#index_list_210715 .list .item .con .text h6{font-size: 16px;color: #fff;font-weight: normal;}
#index_list_210715 .list .item .con .text p{margin-top: 20px;color: #fff;font-size: 14px;line-height: 1.8;}
#index_list_210715 .list .item .con:hover .text{display: flex;}

#index_list_210716{padding: 90px 0;}
#index_list_210716 .list{margin-top: 40px;overflow: hidden;}
#index_list_210716 .list .left{width: 48%;float: left;}
#index_list_210716 .list .right{width: 51%;float: right;}
#index_list_210716 .list .left .item{width: 100%;}
#index_list_210716 .list .left .item .pic{padding-top: 75%;
   position: relative;overflow: hidden;
}
#index_list_210716 .list .left .item .pic .img{position: absolute;width: 100%;height: 100%;
   left: 0%;top: 0%;transition: .3s;background-size: cover;background-position: center center;
}
#index_list_210716 .list .left .item:hover .pic .img{transform: scale(1.1);
   transition: .3s;
}
#index_list_210716 .list .left .item .text{margin-top: 12px;}
#index_list_210716 .list .left .item .text h6{font-size: 16px;color: #333;overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
#index_list_210716 .list .left .item:hover .text h6{color: var(--color);}

#index_list_210716 .list .left .item .text p{font-size: 14px;
   color: #999;
   line-height: 1.8;
   height: 50px;margin-top:2px;
   overflow: hidden;
}
#index_list_210716 .list .left .more a{display: block;margin-top: 90px;
   width: 160px;height: 46px;line-height: 44px;
   text-align: center;border: 1px solid var(--color);border-radius: 50px;
   font-size: 16px;color: var(--color);
}

#index_list_210716 .list .left .more a:hover{background-color: var(--color);color: #fff;}



#index_list_210716 .list .right .item{width: 50%;padding-left: 20px;margin-bottom: 20px;float: left;}
#index_list_210716 .list .right .item .pic{padding-top: 75%;
   position: relative;overflow: hidden;
}

#index_list_210716 .list .right .item .pic .img{position: absolute;width: 100%;height: 100%;
   left: 0%;top: 0%;transition: .3s;background-size: cover;background-position: center center;
}
#index_list_210716 .list .right .item:hover .pic .img{transform: scale(1.1);
   transition: .3s;
}

#index_list_210716 .list .right .item .text{margin-top: 12px;}
#index_list_210716 .list .right .item .text h6{font-size: 16px;color: #333;overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

#index_list_210716 .list .right .item .text p{font-size: 14px;
   color: #999;
   line-height: 1.8;
   height: 50px;margin-top:2px;
   overflow: hidden;
}

#index_list_210716 .list .right .item:hover .text h6{color: var(--color);}